<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title> ${officeInfo.office.name}</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="keywords" content="${category.keywords}"/>
</head>
<body>
<div class="wrapper">
    <ul class="current unstyled left">
        <cms:frontNavOffice office="${navOffice}"/>
    </ul>
</div>
<div class="section">
    <div class="wrapper">
        <div class="row">
            <div class="col8">
                <div class="blog-post blog-single-post">
                    <h3 style="color:#555555;font-size:20px;text-align:center;border-bottom:1px solid #ddd;padding-bottom:15px;margin:25px 0;">${officeInfo.office.name}</h3>
                    <span id="xo" style="height:115px;display:block;overflow-y:hidden">${officeInfo.introduce}</span><span style="float:right"><a id="detail" href="javascript::">详情</a></span>
               <script type="text/javascript">
			$(function() {
				
			});
			
		</script>
                </div>
                <p>主席：${officeInfo.zhuxi }</p>
                <p>秘书长：${officeInfo.mishuzhang }</p>
                <p>联系人：${officeInfo.lianxiren }</p>
                <p>联系电话：${officeInfo.lianxidianhua }</p>
                <p>主页：<a href="${officeInfo.zhuye }">${officeInfo.zhuye }</a></p>
            </div>
            <div class="col4">
                <div class="blog-post blog-single-post">
                   <img src="${officeInfo.imgs }" class="img-scale" width="400" height="400"/>
                </div>
            </div>
        </div>
          <div class="row" style="margin-top:20px;height:238px;">
            <div class="col4">
                <div class="blog-post blog-single-post">
                   <p class="bg-blue bg-inverse pd-small"><span style=" float:right; font-size:12px; padding-right:10px;"><a style=" color:#FFFFFF" href="${ctx }/list-f86ae1acb00542c5a51925748e2e44f7.html">更多</a></span>工作动态</p>
                   <ul class="sidebar">
                    <c:forEach items="${article}" var="item">
                   		<li><a href="${item.url }" title="${item.title }" style="color:#000;float:left">${fns:abbr(item.title,30) }</a><a style="float:right" href="${item.url }"><fmt:formatDate value="${item.createDate }" pattern="yyyy-MM-dd"/>  </a><li>
       				</c:forEach>
         			<c:if test="${fn:length(article)==0}"><p> 暂无工作动态...</p></c:if>     
                   </ul>
                </div>
            </div>
             <div class="col4">
              <div class="blog-post blog-single-post">
              <p class="bg-blue bg-inverse pd-small"><span style=" float:right; font-size:12px; padding-right:10px;"><a style=" color:#FFFFFF" href="#">更多</a></span>赛事活动</p>
              </div>
             </div>
             <div class="col4">
             <div class="blog-post blog-single-post">
              <p class="bg-blue bg-inverse pd-small"><span style=" float:right; font-size:12px; padding-right:10px;"><a style=" color:#FFFFFF" href="#">更多</a></span>数据统计</p>
              </div>
             </div>
        </div>
      
       <c:if test="${fn:length(office1) >0}">
         <div class="row">
            <div class="col12">
                <div class="blog-post blog-single-post">
                   <p class="bg-blue bg-inverse pd-small"><span style=" float:right; font-size:12px; padding-right:10px;"></span>下属体育总会</p>
                </div>
            </div>
        </div>
        </c:if> 
             <div class="row">
        <c:forEach items="${office1}" var="item">
         <div class="col6">
                   <a href="${ctx }/xiehui/${item.id}" >${item.name }</a>
            </div>
        </c:forEach>
         
        </div>
        
          <c:if test="${fn:length(office2)>0 }">
         <div class="row">
            <div class="col12">
                <div class="blog-post blog-single-post">
                    <div class="blog-post blog-single-post">
                   <p class="bg-blue bg-inverse pd-small"><span style=" float:right; font-size:12px; padding-right:10px;"></span>下属体育协会</p>
                </div>
                </div>
            </div>
            
        </div>
        </c:if> 
             <div class="row">
        <c:forEach items="${office2}" var="item">
         <div class="col6">
                   <a href="${ctx }/xiehui/${item.id}" >${item.name }</a>
            </div>
        </c:forEach>
         
        </div>
    </div>
</div>
</body>
</html>